<!DOCTYPE html>
<html>
    <head>
        <script src="../js/cc_attack.js"></script>
        <meta charset="utf-8" />
        <style>
            .a * {
                border: 1px solid white;
                color: white;
            }
            button {
                width: calc(90% - 10px);
                height: 35px;
                background-color: rgb(41, 41, 41);
                color: white;
            }
            button:hover {
                background-color: white;
                color: black;
            }
            input {
                width: calc(90% - 10px);
                height: 35px;
                background-color: rgb(31, 31, 31);
                border: 1px solid white;
                outline: none;
                color: white;
                margin-top: 10px;
            }
        </style>
    </head>
    <body style="padding: 10px;" class="a">
        <h2 style="margin: 0px;background-color: white;color: black;">CC攻击模块</h2>
        <br />
        <div style="padding: 5px;height: 85vh;">
            <div align="center" style="padding: 5px;position: absolute;width: calc(60% - 40px);top: 100px;bottom: 100px;">
                <br />
                <br />
                <input placeholder="输入需要攻击的网站" id="target" />
                <input placeholder="请输入模拟的用户数量" id="thread" />
                <input placeholder="请输入每个用户攻击的量" id="number" />
                <br />
                <br />
                <button onclick="cc_attack()">攻击</button>
            </div>
            <div style="padding: 5px;position: absolute;width: calc(40% - 20px);background-color: black;left: calc(60% - 10px);top: 100px;bottom: 100px;">
                <h2 style="margin: 0px;background-color: orange;border: none;">攻击控制台</h2>
                <br />
                <div style="overflow-y: scroll;height: calc(90%);background-color: rgb(53, 53, 53);" id="console"></div>
            </div>
        </div>
    </body>
</html>